<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>CSS3实例练习</title>
    <link rel="stylesheet" href="css/bootstrap-3.3.7.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
    <br>
    <h1 class="text-center"> CSS3实例练习</h1>
    <a class="btn btn-primary" href="../../index.html">返回主菜单</a>
    <hr>
    <h2 class="text-center">目 录</h2>
    <br>
    <br>
    <div class="row menu">
        <div class="col-md-4 col-md-push-4">
            <ul class="list-group">
                <li class="list-group-item"><a href="01_rotateBox">旋转的立方体</a></li>
                <li class="list-group-item"><a href="02_cursorNav">游标导航栏</a></li>
                <li class="list-group-item"><a href="03_slideImg">图片滑动效果</a></li>
                <li class="list-group-item"><a href="04_ghostButton">幽灵按钮</a></li>
            </ul>
        </div>
    </div>
</div>

    <script src="js/jquery-2.2.4.js"></script>
    <script>
        $(function () {

        })

    </script>
</body>
</html>
